<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title>用户体验-Or官方设计</title>
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<link rel="stylesheet" type="text/css" href="css/user.css" />
		<link rel="stylesheet" type="text/css" href="css/media.css" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
	</head>

	<body>
		<div class="Web Web_user">
			<!--header 头部-->
			<header>
				<!--header_menu 菜单-->
				<input type="checkbox" id="input_menu"/>
				<label for="input_menu"><img src="img/1,18.png" alt="菜单" class="header_menu" onclick="openScoll()"/></label>
					<!--菜单-->
				<div class="BigMenu">
					<!--叉-->
					<label for="input_menu"><div  class="cha"><img  src="img/1_2cha.png" onclick="closeScoll()"/></div></label>
					<!--ico-->
					<div class="ico">
						<a href="https://weibo.com/orororor" target="_blank"><img src="img/1,13.png"/></a>
						<a href="img/2,erweima.jpg" target="_blank" title="or-微信二维码"><img src="img/1,14.png"/></a>
						<a href="https://www.baidu.com/" target="_blank"><img src="img/1,15.png"/></a>
						<a href="https://www.instagram.com/" target="_blank"><img src="img/1,16.png"/></a>
					</div>
					<!--选项-->
					<ul class="mune_ul">
						<li><a href="aboutor.html"><img src="img/1,6.png"/></a></li>
						<li><a href="product.html"><img src="img/1,7.png"/></a></li>
						<li><a href="space.html"><img src="img/1,8.png"/></a></li>
						<li><a href="user.html"><img src="img/1,9.png"/></a></li>
					</ul>
					<!--小选项-->
					<ul class="mune_smul">
						<li></li>
						<li><a href="news.html"><img src="img/1,10.png"/></a></li>
						<li></li>
						<li><a href="event.html"><img src="img/1,11.png"/></a></li>
						<li></li>
						<li><a href="contact.html"><img src="img/1,12.png"/></a></li>
						<li></li>
					</ul>
				</div>
				<!--header_logo Logo-->
				<a href="index.html"><img src="img/1,19.png" class="header_logo" /></a>
				<!--header_search 搜索-->
				<input type="checkbox" id="input_search"/>
				<label for="input_search"><img src="img/1,17.png" class="header_search"  onclick="openScoll()"/>	</label>
				<!--搜索-->
				<div class="BigSearch">
					<div class="BigSearch_topleft">
						<label for="input_search" onclick="closeScoll()">
							<img src="img/1_5.png" class="leftsign"/>
							<img src="img/1_4.png" class="return"/>
						</label>
					</div>
					<div class="search_input"><input type="text"></div>
					<div class="BigSearch_btm"><img src="img/1_1search any thing hit enter.png"/></div>
				</div>
			</header>
			<!--section 中部-->
			<section>
				<!--顶部大图-->
				<div class="section_top" onclick="displayUser()">
					<img src="img/6,1.jpg"/>
					<div class="section_top_title">
						<img src="img/6,2.png"/>
					</div>
				</div>
				<!--中部九宫图-->
				<ul class="section_mid">
					<li>
						<div><img src="img/6,3.jpg"/></div>
						<div><img src="img/6,4.jpg"/></div>
						<div><img src="img/6,5.jpg"/></div>
					</li>
					<li>
						<div><img src="img/6,6.jpg"/></div>
						<div><img src="img/6,7.jpg"/></div>
						<div><img src="img/6,8.jpg"/></div>
					</li>
					<li>
						<div><img src="img/6,9.jpg"/></div>
						<div><img src="img/6,10.jpg"/></div>
						<div><img src="img/6,11.jpg"/></div>
					</li>
				</ul>      
				<!--LOAD MORE-->
				<div class="loadMore"><button>LOAD MORE</button></div>
			<!--/section-->
			</section>
			
			<!--section_footer-底部图片-->
			<div class="section_footer"></div>
			<!--footer 底部-->
			<footer>
				<a href="http://www.miit.gov.cn/" target="_blank">
					<p>Copyright (c) Nissin Furniture Crafters Co ,Ltd All Rights Reserved</p>
				</a>
				<img src="img/1_3.png" alt="" class="topsign" />
			</footer>
			
			<!--另一个页面-->
			<div id="smWeb" style="display: none;">
				<div class="smWeb_topleft">
					<img src="img/1_5.png" class="leftsign" onclick="hiddenUser()"/>
					<img src="img/1_4.png" class="return" onclick="hiddenUser()"/>
				</div>
				<!--用户区域-->
				<div class="smWeb_user">
					<div><img src="img/6,13.jpg"/></div>
					<p>80BWDN的华丽世界</p>
				</div>
				<!--图片1-->
				<div class="smWeb_pic_1st"><img src="img/6,14.jpg"/></div>
				<div class="smWeb_title"><img src="img/6,15.png"/></div>
				<p>is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.</p>
				<!--图片2-->
				<div class="smWeb_pic_2nd"><img src="img/6,16.jpg"/></div>
				<p>is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.is more than the beauty of objects that you see with naked eyes. Its essence lies in simplifying production process through design, so as to reduce product cost and allow people to enjoy.</p>
			</div>
			<!--/Web-->
		</div>
		<!--JavaScript-->
		<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
		<script src="js/menu.js" type="text/javascript" charset="utf-8"></script>
		
	</body>

</html>